<section id="JYprint" style="font-family: '宋体'">
  <div class="JYpt-container">
    <div class="clearfix mb-10">
      <div class="print-btn pull-right btn n-btn-primary js-print">打印</div>
    </div>

    <!-- //content -->
    <div class="pt-wrap">

      <!-- 账单title部分 -->
      <div class="jy-wrap-head clearfix">
        <table border="0" cellpadding="0" cellspacing="0" width='100%'>
          <tr>
            <td>
              <div style="text-align:left;"><img src="http://s.1hello.cn/wbuild-saas-pc/assets/images/XY_logo.png" style="display:inline-block; height:auto;width:100px;"></div>
            </td>
            <td style="text-align:right;"></td>
          </tr>
          <tr>
            <td>
              <h1 style="text-align:left; font-size:18px; margin:25px 0;font-family: '宋体';">{{contractData.projectName}}</h1>
            </td>
            <td style="text-align:right;"></td>
          </tr>
          <tr>
            <td style="text-align:left; font-size:12px; line-height:24px !important;" class="infos"><p style="float:left;font-family: '宋体';">单元号：</p>
            <span class="dy" style="float:left;">
              <b style="line-height:24px !important; font-size:12px;font-family: '宋体';" v-for="item in contractData.units">{{item.projectName}} {{item.buildingName}} {{item.floorName || '--'}} {{item.unitName}} {{item.positionName}}<br/></b>
            </span>
          </td>
            <td style="text-align:right;"></td>
          </tr>
          <tr>
            <td style="text-align:left;font-size:12px; line-height:24px !important;font-family: '宋体';">业主/租户：{{contractData.zlfCompany ? contractData.zlfCompany : '--'}}</td>
            <td style="text-align:right;"></td>
          </tr>
          <tr>
            <td style="text-align:left;font-size:12px; line-height:24px !important;font-family: '宋体';">管理编号：{{contractData.mCode ? contractData.mCode : '--'}}</td>
            <td style="text-align:right;"></td>
          </tr>
          <tr>
            <td style="text-align:left;font-size:12px; line-height:24px !important;font-family: '宋体';">账单编号：{{billData.no ? billData.no : '--'}}</td>
            <td style="text-align:right;"></td>
          </tr>
          <tr>
            <td style="text-align:left;font-size:12px; line-height:24px !important;font-family: '宋体';">打印日期：{{today}}</td>
            <td style="text-align:right;"></td>
          </tr>
        </table>
      </div>

      <!-- 账单明细部分 -->
      <div class="jy-wrap-content" style="margin:0;">
        <h1 style="text-align:center; font-size:18px;font-family: '宋体'; margin:0; line-height:80px;">收费通知单</h1>
        <div class="jy-table" style="position:relative;">
          <table cellpadding="0" cellspacing="0" width='100%' style="border-top:1px solid #333;">
            <tr>
              <th class="w-4" style="border:1px solid #333;font-size:12px;font-family: '宋体';">项目名称</th>
              <th style="width:196px;border:1px solid #333;font-family: '宋体';font-size:12px;">所属期间</th>
              <th class="w-2" style="border:1px solid #333;font-family: '宋体';font-size:12px;">数量/面积</th>
              <th class="w-2" style="border:1px solid #333;font-family: '宋体';font-size:12px;">单价</th>
              <th class="w-3" style="border:1px solid #333;font-family: '宋体';font-size:12px;">金额</th>
            </tr>

            <tr v-for="item in amountData.expenses" v-if="item.name == '固定租金' && item.amountTPay != '0'">
              <td class="w-4" style="border:1px solid #333;font-size:12px;font-family: '宋体';font-weight:bold;">{{item.name}}</td>
              <td data-focus="true" style="width:196px;border:1px solid #333;font-size:12px;font-family: '宋体';" contenteditable="true">{{amountData.beginTime | dateCover}} - {{amountData.endTime | dateCover}}</td>
              <td data-focus="true" class="w-2" style="border:1px solid #333;font-family: '宋体';font-size:12px;">{{contractData.acreage | formatNum}}平方米</td>
              <td data-focus="true" class="w-2" style="border:1px solid #333;font-family: '宋体';font-size:12px;">
                <span v-if="rentPriceUnit == 'D'">{{contractData.rentPrice | formatNum}}元/平米/天</span>
                <span v-if="rentPriceUnit !== 'D'">{{contractData.rentPrice | formatNum}}元/平米/月</span>
              </td>
              <td class="w-3" style="border:1px solid #333;font-family: '宋体';text-align:center;padding-right:8px !important;font-size:12px;">￥{{item.amountTPay | toFixed2}}</td>
            </tr>

            <tr v-for="item in amountData.expenses" v-if="item.name !== '固定租金' && item.amountTPay != '0'">
              <td class="w-4" style="border:1px solid #333;font-size:12px;font-family: '宋体';font-weight:bold;">{{item.name}}</td>
              <td data-focus="true" class="w-1" style="border:1px solid #333;font-size:12px;font-family: '宋体';" contenteditable="true">{{amountData.beginTime | dateCover}} - {{amountData.endTime | dateCover}}</td>
              <td data-focus="true" class="w-2" style="border:1px solid #333;font-size:12px;font-family: '宋体';">{{contractData.acreage | formatNum}}平方米</td>
              <td data-focus="true" class="w-2" style="border:1px solid #333;font-family: '宋体';font-size:12px;">
                <span v-if="item.expense">{{item.expense | toFixed2}}元/平米/天</span>
                <span v-if="!item.expense"> -- </span>
              </td>
              <td class="w-3" style="border:1px solid #333;font-size:12px;font-family: '宋体';text-align:center;padding-right:8px !important;">￥{{item.amountReceived - item.amountPayed - item.amountDerate | toFixed2}}</td>
            </tr>

            <tr class="br-fff">
              <td class="w-4" style="border:1px solid #333;font-size:12px;font-family: '宋体';font-weight:bold">合计</td>
              <td class="w-1" style="border:1px solid #333;border-right:none;font-size:12px;font-family: '宋体';font-weight:bold;text-align:right;">......</td>
              <td class="w-2" style="border:1px solid #333;border-right:none;border-left:none;font-size:12px;font-family: '宋体';font-weight:bold"></td>
              <td class="w-2" style="font-size:12px;border-left:none;font-family: '宋体';"></td>
              <td class="w-3" style="border:1px solid #333;font-size:12px;font-family: '宋体';text-align:center;padding-right:8px !important;">
                ￥{{Number(total) | toFixed2}}
              </td>
            </tr>

          </table>
          <img style="position:absolute;left:470px;bottom:-80px;width:110px;height:auto;" src="assets/images/XY_zhang.png" alt="">
        </div>
        <p style="margin:10px 0 80px;">用户接到本通知单后请按合同约定期限内缴清款项，逾期未缴，将执行合同违约条款。</p>
      </div>

      <!-- 账单尾部说明 -->
      <div class="jy-pt-bm">
        <h3 style="font-size:14px;font-family: '宋体';">入账说明：</h3>
        <table cellpadding="0" cellspacing="0">
          <tr>
            <td style="text-align:left;font-family: '宋体'; line-height:24px !important;font-size:14px;">
              <div style="margin-bottom:10px;">1、请贵公司将租金和空调费支付到下面账户：</div>
            </td>
          </tr>
          <tr>
            <td style="text-align:left;font-family: '宋体'; line-height:24px !important;font-size:12px;">
              账户名称：<span style="margin-left:10px;">北京泰吉尔物流有限责任公司</span>
            </td>
          </tr>
          <tr>
            <td style="text-align:left;font-family: '宋体';line-height:24px !important;font-size:12px;">
              开户行：<span style="margin-left:10px;">中国银行股份有限公司北京顺义支行</span>
            </td>
          </tr>
          <tr>
            <td style="text-align:left;font-family: '宋体';line-height:24px !important;font-size:12px;">
              账号：<span style="margin-left:10px;">324656007889</span>
            </td>
          </tr>

          <tr>
            <td style="text-align:left;font-family: '宋体'; line-height:24px !important;font-size:14px;margin-bottom:10px;">
              <div style="margin:10px 0;">2、请贵公司将水、电费和物业费支付到下面账户：</div>
            </td>
          </tr>
          <tr>
            <td style="text-align:left;font-family: '宋体'; line-height:24px !important;font-size:12px;">
              账户名称：<span style="margin-left:10px;">泰吉尔（北京）物业管理有限公司</span>
            </td>
          </tr>
          <tr>
            <td style="text-align:left;font-family: '宋体';line-height:24px !important;font-size:12px;">
              开户行：<span style="margin-left:10px;">中国银行股份有限公司北京空港万科支行</span>
            </td>
          </tr>
          <tr>
            <td style="text-align:left;font-family: '宋体';line-height:24px !important;font-size:12px;">
              账号：<span style="margin-left:10px;">325959815944</span>
            </td>
          </tr>

          <tr>
            <td style="text-align:left;font-family: '宋体';line-height:24px !important;font-size:14px;">
              <div style="margin:20px 0;">温馨提示：<span style="margin-left:10px;">以上款项请贵公司于{{deadlineYear}}年{{deadlineMonth}}月{{deadlineDay}}日之前支付</span></div>
            </td>
          </tr>
        </table>
      </div>
    </div>
  </div>
</section>
<script src="modules/bill/scripts/XY_print.js" charset="utf-8"></script>
